<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button class="btn1">点击我刷新页面</button>
    <button class="btn2">点击我获取地址栏内容</button>
    <button class="btn3">点击我跳转到a页面</button>
    <button class="btn4">点击我获取请求参数</button>
    <script>
        // 和浏览器地址栏有关内容
        // 和浏览器地址栏有关的内容全部在 ：window.location对象里
        
        // 1.刷新地址栏:reload
        // window.location.reload();  // 不能直接写在js里
        // var btn1 = document.querySelector(".btn1");
        // btn1.onclick = function(){
        //     window.location.reload();  // 重新加载页面
        // }

        // 2.获取地址栏里的内容 :href
        // document.querySelector(".btn2").onclick = function(){
        //     console.log(window.location.href);
        // }

        // 3.可以设置地址栏的地址 ；href = "地址"; 重定向
            // document.querySelector(".btn3").onclick = function(){
            //     window.location.href = "./a.html";  // 跳转到a页面
            // }

        // 4.获取地址栏的 请求参数 （是地址栏?号后的固定格式内容）；
        // 请求参 ：queryString ， ?键名1=键值1&键名2=键值2&键名3=键值3
        // 获取？号后面的内容
// https://item.jd.com/100049696239.html?extension_id=eyJhZCI6IjQ2IiwiY2giOiIyIiwic2t1IjoiMTAwMDQ5Njk2MjM5IiwidHMiOiIxNjc1NjczMTcyIiwidW5pcWlkIjoie1wiY2xpY2tfaWRcIjpcImI5YWEzNjU2LTJjNTgtNGNjMy05MDkzLWUyZGY5NjQ0OGMzZlwiLFwibWF0ZXJpYWxfaWRcIjpcIjg3MzE5NTg2MTAzNjA1NTI4MjhcIixcInBvc19pZFwiOlwiNDZcIixcInNpZFwiOlwiNGVkMTRiZjctNmVmOC00MTAwLWEzNDAtMzhiMTNlZTA3MWRhXCJ9In0=&jd_pop=b9aa3656-2c58-4cc3-9093-e2df96448c3f&abt=0
document.querySelector(".btn4").onclick = function(){
    console.log( window.location.search)   // ?后的请求参
}
            
    </script>
</body>
</html>